<!DOCTYPE HTML>
<html>
<head>
    <link rel="shortcut icon" href="../static/img/favicon.ico" type="image/x-icon">
    <title>BoostSearch</title>
    <link href="../static/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <script src="../static/js/jquery.min.js"></script>

    <link href="../static/css/style.css" rel='stylesheet' type='text/css'/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);
        function hideURLbar() {
            window.scrollTo(0, 1);
        } </script>

</head>
<body>
<div class="banner">
    <div class="container">
        <div class="banner-info text-center">
            <br><br><br><br><br><br>
            <div class="domain-Serach-bar">
                <form action="/" method="Post" accept-charset="UTF-8">
                    <div class="domain-Serach-bar-grids">
                        <div class="domain-Serach-bar-left">
                            <input  type="text" class="text" name="Content" value="" onfocus="this.value = '';"
                                    onblur="if (this.value == '') {this.value = '';}">
                        </div>
                        <div class="domain-Serach-bar-right">
                            <input type="submit" value="Search"/>
                        </div>
                </form>

                    <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('a[href^="#"]').on('click', function (e) {
            e.preventDefault();
            var target = this.hash,
                $target = $(target);
            $('html, body').stop().animate({
                'scrollTop': $target.offset().top
            }, 1000, 'swing', function () {
                window.location.hash = target;
            });
        });
    });
</script>
</body>
</html>

